import { PureComponent } from 'react';
import {
	Row,
	Col,
	Form,
	Input,
	Select,
	Modal,
	DatePicker
} from 'antd';
import SelectDeptTree from '@/components/SelectDeptTree';
import styles from './ProUserList.less';
const FormItem = Form.Item;
const { Option } = Select;


@Form.create()
class SystemSelectModal extends PureComponent {
	
	constructor(props) {
	    super(props);
	    this.state = {

	    }
	}
	
	
	okHandle = () => {
		const { form,handleAddBySystemSelect } = this.props;
		form.validateFields((err, fieldsValue) => {
			if (err) return;
			form.resetFields();
			handleAddBySystemSelect();
		});
	};

  render() {
  		const {
			modalVisibleBySystemSelect,
			form,
			handleModalVisibleBySystemSelect,
		} = this.props;
return (
    <Modal
width={600}
centered
destroyOnClose
title="系统筛选"
visible={modalVisibleBySystemSelect}
onOk={this.okHandle}
onCancel={() => handleModalVisibleBySystemSelect()}
>
<div className={styles.systemSelectPoint}>
	由于警衔变动自动判别需要,
	需按预定处理日期计算相关参数,包括:工龄、警龄、任现行政职务年数、任现专业技术职务年数、任现职级年数、任现警衔年数等参数(不包括已经上报但还未审批的人员)。
</div>
<Form  layout="vertical">
	
    
    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

        <Col  md={12} sm={24}>
	        <FormItem  label="是否包含下级机关">
	            {form.getFieldDecorator('is_superior_office')(	                
	            	<Select placeholder="请选择" style={{ width: '100%' }}>
	                	<Option value="1">是</Option>
	                    <Option value="0">否</Option>
	                </Select>
	            )}
	        </FormItem>
        </Col>
        <Col  md={12} sm={24}>
	        <FormItem  label="预定处理时间">
	            {form.getFieldDecorator('user_name_cn', {
	            rules: [{ required: true, message: '请选择预定处理时间！'}],
	            })(<DatePicker format="YYYY-MM-DD" style={{ width: '100%' }} placeholder="请选择"/>)}
	        </FormItem>
        </Col>

    </Row>


</Form>
</Modal>
);
  }

}

export default SystemSelectModal;